<script type="text/javascript">
	$(document).ready(function() {
		$('.busquedaitem').each(function(){
			$(this).bind('click', function(){
				buscarViaje($(this).data('busqueda'), $(this).data('order'));
			});
		});
	});
</script>
<div id="divBusqueda">
	<div class="well">
	    <div class="dropdown">
	    	<a class="dropdown-toggle" id="dropOrdenarPor" role="button" data-toggle="dropdown" href="#">Ordenar por<b class="caret"></b></a>
 			<ul id="menuOrdenar" class="dropdown-menu" role="menu" aria-labelledby="drop4">
              <li role="presentation" class="busquedaitem" data-busqueda="fecha" data-order="asc"><a tabindex="-1">Fecha ascendente</a></li>
              <li role="presentation" class="busquedaitem" data-busqueda="fecha" data-order="desc"><a tabindex="-1">Fecha descendente</a></li>
              <li role="presentation" class="busquedaitem" data-busqueda="precio" data-order="asc"><a tabindex="-1">Precio ascendente</a></li>
              <li role="presentation" class="busquedaitem" data-busqueda="precio" data-order="desc"><a tabindex="-1">Precio descendente</a></li>
            </ul>
	    </div>
		<div class="text-right">Total de viajes encontrados: ${viajesBuscados.size() }</div>
	</div>
	<g:each in="${viajesBuscados}" var="viaje">
		<g:if test="${viaje.usuarioCreador }">
			<g:render template="/templates/viajeBuscado" model="['viaje':viaje]"></g:render>
			<div class="separator">&nbsp;</div>
		</g:if>
	</g:each>
</div>
<%--<g:paginate controller="buscarViaje" action="buscarViaje" total="${viajesBuscados.totalCount}" />--%>